20 Innovative HTML5 Menu Example Showcase

1. Stick it. HTML5 & CSS3 Sticky Footer

featured image

CSS3 and HTML5 layout

Left, right and centered menu or content

Expandable bottom menu for special content

More Details

2. Apycom jQuery Menus

Apycom jQuery Menus

Full cross-browser compatibility, Fully accessible even when javascript is turned off, as a pure css menu, Search engines optimized, Clear unordered list (LI and UL HTML tags) structure, Easy to setup and update, Fantastic animation and transition effects, Multiple pre-desinded color schemes, Completely customizable styling with CSS, Powered by jQuery,

Extremely small - 3kb uncompressed

More Details

3. Hody - Hidden Simple Menu

featured image

Hody – Hidden Simple Menu

Minimal and responsive menu design for your website. The menu has been created for sites of any subject.Multi-Functional Menu

Hidden menu

CSS include 5 color for menu (green,red,blue,yellow,purple)

Simple menu construction

Include HTML5/CSS3 and JavaScript file

More Details

4. TAKO Vertical Responsive Dropdown Menu

featured image

This it’s a menu with 3 columns of pages with a very good design and color combinations and its compatible with mobile devices! Its very efficient for people who want a simple responsive menu with modern design.- We added the Mega-Menu design with the posibility to add forms, images and video in the dropdown!

- Also we added 360+ vector icons to put them in your menu items!

Easy to add new menu items

Mega-Menu Content:

Pure HTML5 form verification with custom hints!

PC Example HD Video Preview

Responsive Example Gif

- Mega-menu Content (complete forms, images, video and more!)

More Details

5. Vertu - Accordion Menu

featured image

Vertu – Accordion Menu simple and beautiful accordion menu for you website.Simple menu construction

Include HTML5/CSS3 and JavaScript file

More Details

6. Neptune - Dropdown Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.

More Details

7. Elusive CSS3 Mega Menu

featured image

Elusive CSS3 Mega Menu

A Pure HTML5/CCS3 Mega horizontal navigation menu blogger that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.

More Details

8. Sky Mega Menu

featured image

Sky Mega Menu is a clean, responsive solution for creation beautiful site navigations.If you like Sky Mega Menu, please don’t forget to rate!

I was having troubles with the menu due to my stupidness and Voky sat with me for almost the entire night fixing my problem.

More Details

9. Animated CSS3 Submenu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.

More Details

10. Metro Style CSS3 Menu

featured image

Metro Style CSS3 Menu

A Pure HTML5/CCS3 Metro Style Navigation Menu that fits well with any website or webpage. There are many key features which make this menu look extremely simplistic, yet very complex.

More Details

11. Neptune - Horizontal Submenu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9 and 8, but animation and some other CSS3 features do not work.

More Details

12. Narsis CSS3 Glassy Menu

featured image

Narsis Glassy Menu is highly customizable CSS3 animation effects for image hover.These Menu is carefully designed with attention to the details.We use FontAwesome for icons so you can use more than 360 icons for your menu.All HTML5, CSS3 and JavaScript codes are fully validated and cleaned.

More Details

13. Argus - Mega Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 banner slideshow and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu also comes in two variants (Centered and Full Width). Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details

14. Shifty Nav - a Fully Responsive JS CSS3 Mega Menu

featured image

Shifty Nav is a fully responsive CSS3 mega menu. To change the color of the entire menu requires a simple changing of a few pre-defined variables, so there’s not extensive digging through the code!

This menu supports whatever kind of content you throw at it, and includes a full tutorial on how to build the markup for your own menu if you don’t want to modify the pre-existing file.HTML5 markup

Completely customizable menu layout

More Details

15. Horizon Slide Navigation jQuery Plugin

featured image

Horizon Menu is a dedicated jQuery plugin where you can create custom menus that slide beautifully in your web browser. The scrolling is smooth and flexible, and thank to its complexity, this means you can add as many menu items as you desire; even if your browsers height simply isn’t tall enough to fit them all in, the scrolling is there to help you. Last but not least, Horizon is fully touch-ready for all modern PC’s, tablets and mobile devices meaning you can scroll smoothly through the menu.Position your menu on the left or right side of your browser

As many menu items and submenus as you desire

More Details

16. Interactive Menu with CSS3 and HTML5

featured image

Only in CSS3 and HTML5

Only in CSS3 and HTML5. Valid HTML5 and CSS3.

More Details

17. Kabude - Responsive Animated Menu

featured image

Kabude – Responsive Animated Menu

Every Menu, An Animated Effect

PURE CSS3/HTML5

Negar – Responsive Animated Menu

More Details

18. Animated Horizontal Submenu

featured image

Menu is made with HTML5, CSS3 and jQuery. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.Pure HTML5/CSS3 version

More Details

19. Responsive HTML5 Video Player & Gallery

featured image

hide / show gallery with playlist button (with this functionality you can “stretch” player over gallery to have better view for video, as well as “shrink” player to see gallery menu again to choose videos)

optional share menu: facebook, twitter, myspace, wordpress, linkedin, flickr, blogger, delicious, mail

HTML5 Responsive Video Player & Advertising

HTML5 Video Player with/without Gallery

More Details

20. Animated CSS3 Mega Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details

21. Negar - Responsive Vertical And Horizontal Menu

featured image

NEGAR – Responsive Animated Menu V2. Every Menu, An Animated Effect

EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU

PURE CSS3/HTML5

Added Tow Vertical Menu (Left And Right Position) For Each Style

Added Two Horizontal Menu (Header And Footer) For Each Style

Aram – Responsive Mega DropDown Menu V2.

More Details